<template>
  <div style="width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;">
    <RouterView style="width: 100%;height: 100%;"></RouterView>
    <warningForm></warningForm>
    <loadingForm></loadingForm>
    <coverForm></coverForm>
  </div>
</template>

<script setup>
import { ref, reactive, defineProps, computed, watch, onMounted, onBeforeUnmount } from 'vue'
import warningForm from './components/warningForm.vue';
import loadingForm from './components/loadingForm.vue';
import coverForm from './components/coverForm.vue';
import store from './module/store'

const handleSetWindowData = () => {
  store.setItem({
    width: document.body.clientWidth,
    height: document.body.clientHeight
  })
}

onMounted(async () => {
  handleSetWindowData()
  window.addEventListener('resize', handleSetWindowData)
})
</script>

<style scoped></style>